.container{
    margin-top:10px;
    overflow-y: auto;
    height: 300px;
    .card{
        display: flex;
        .box{
            float: left;
            justify-content: space-between;
            cursor:pointer;
            // float: left;
            border: 1px solid rgb(225,226,226);
            border-radius: 10px;
            background: rgb(239,240,244);
            height: 220px;
            width: 200px;
            margin: 0px 4px;
            .img{
                border: 1px solid  rgb(225,226,226);
                height: 150px;
                width: 100%;
                background-image: url(./c1.png);
                background-size:100% 100%;
              
            }
            .text{
                .book{
                    font-size: 16px;
                    font-weight: bold;
    
                }
            }
        }
        .box:hover{
            box-shadow: 5px 5px 5px #ccc,-5px 0px 5px #ccc;
            transform: translateY(-5px);
        }
    }


}